<!DOCTYPE html>
<!-- http://192.168.4.10:8080/test/offest.html -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Offest Test</title>
<link rel="stylesheet" href="../openlayers-2.12/theme/default/style.css"
	type="text/css">
<link rel="stylesheet"
	href="../openlayers-2.12/theme/default/google.css" type="text/css">
<link rel="stylesheet" href="../openlayers-2.12/examples/style.css"
	type="text/css">
<script src="../openlayers-2.12/lib/OpenLayers.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script src="http://api.amap.com/webapi/init?v=1.1"></script>
<script src="http://maps.google.com/maps/api/js?v=3&amp;sensor=false"></script>
<script type="text/javascript"
	src="http://api.go2map.com/maps/js/api_v2.5.1.js"></script>
<script charset="utf-8" src="http://api.map.soso.com/v1.0/main.js"></script>
<script src=http://api.51ditu.com/js/maps.js></script>
<script src="http://api.maps.nokia.com.cn/2.1.1/jsl.js"
	type="text/javascript" charset="utf-8"></script>
<script src="http://api.tianditu.com/js/maps.js"></script>
<script>
	//var lat = 3989912 / 100000;
	//var lng = 11636408 / 100000;

	var lat = 146310620 / 3600000;
	var lng = 414247815 / 3600000;
	init = function() {
		var bmap = new BMap.Map("bmap"); // 创建Map实例
		var point = new BMap.Point(lng, lat); // 创建点坐标
		bmap.centerAndZoom(point, 15);

		var gmap = new google.maps.Map(document.getElementById("gmap"), {
			zoom : 15,
			center : new google.maps.LatLng(lat, lng),
			mapTypeId : google.maps.MapTypeId.ROADMAP
		});

		var smap = new sogou.maps.Map(document.getElementById("smap"), {
			mapControl : false
		});
		smap.setCenter(new sogou.maps.Convertor()
				.toSogou(new sogou.maps.LatLng(lat, lng)), 15);

		var amap = new AMap.Map("amap");
		amap.setZoomAndCenter(15, new AMap.LngLat(116.31800626, 39.95970557));
		var amarker = new AMap.Marker(
				{
					id : "m23",
					position : new AMap.LngLat(116.31800626, 39.95970557),
					icon : "http://api.amap.com/webapi/static/Images/marker_sprite.png",
					offset : {
						x : -8,
						y : -34
					}
				});
		amap.addOverlays(amarker);

		var somap = new soso.maps.Map(document.getElementById("somap"), {
			center : new soso.maps.LatLng(lat, lng)
		});
		somap.setZoomLevel(15);
		var somarker = new soso.maps.Marker({
			position : new soso.maps.LatLng(lat, lng),
			map : somap
		});

		var lmap = new LTMaps("lmap");
		lmap.centerAndZoom(new LTPoint(lng * 100000, lat * 100000), 2);
		lmap.addOverLay(new LTMarker(new LTPoint(lng * 100000, lat * 100000)));

		var tmap = new TMap("tmap");
		tmap.centerAndZoom(new TLngLat(116.31800626, 39.95970557), 17);
		var tmarker = new TMarker(new TLngLat(116.31800626, 39.95970557));
		tmap.addOverLay(tmarker);
		var infoWin=tmarker.openInfoWinHtml("北京市海淀区，中关村南大街附近，天作万瑞购物中心附近");
		infoWin.setTitle("GPS定位结果展示『未纠偏』");

		
		var tmap1 = new TMap("tmap1");
		tmap1.centerAndZoom(new TLngLat(116.31704888889, 39.960001111111), 17);
		var tmarker1 = new TMarker(new TLngLat(116.31704888889, 39.960001111111));
		tmap1.addOverLay(tmarker1);
		var infoWin1=tmarker1.openInfoWinHtml("北京市海淀区，中关村南大街附近，天作万瑞购物中心附近");
		infoWin1.setTitle("LBS定位结果展示『未纠偏』");
		
		var tmap2 = new TMap("tmap2");
		tmap2.centerAndZoom(new TLngLat(116.32317, 39.96129), 17);
		var tmarker2 = new TMarker(new TLngLat(116.32317, 39.96129));
		tmap2.addOverLay(tmarker2);
		var infoWin2=tmarker2.openInfoWinHtml("北京市海淀区，中关村南大街附近，天作万瑞购物中心附近");
		infoWin2.setTitle("LBS定位结果展示『已纠偏』");
		
		var tmap3 = new TMap("tmap3");
		tmap3.centerAndZoom(new TLngLat(116.31800626, 39.95970557), 17);
		tmap3.setMapType(TMAP_HYBRID_MAP);
		var tmarker3 = new TMarker(new TLngLat(116.31800626, 39.95970557));
		tmap3.addOverLay(tmarker3);
		var infoWin3=tmarker3.openInfoWinHtml("北京市海淀区，中关村南大街附近，天作万瑞购物中心附近");
		infoWin3.setTitle("GPS定位结果展示『未纠偏』");

	}
</script>
<style>
.smallmap {
	width: 430px;
	height: 256px;
	border: 1px solid #CCC;
}
</style>
</head>
<body onload="init()">
	<h1 id="title">Offest Example</h1>
	<div id="tags">Baidu, Google, Sougou, Amap, SOSO, Mapbar</div>
	<table>
		<tr>
			<td><div id="gmap" class="smallmap"></div></td>
			<td><div id="lmap" class="smallmap"></div></td>
			<td><div id="smap" class="smallmap"></div></td>
		</tr>
		<tr>
			<td><div id="amap" class="smallmap"></div></td>
			<td><div id="somap" class="smallmap"></div></td>
			<td><div id="bmap" class="smallmap"></div></td>
		</tr>
		<tr>
			<td><div id="tmap" class="smallmap"></div></td>
			<td><div id="tmap1" class="smallmap"></div></td>
			<td><div id="tmap2" class="smallmap"></div></td>
		</tr>
		<tr>
			<td><div id="tmap3" class="smallmap"></div></td>
			<td><div id="tmap4" class="smallmap"></div></td>
			<td><div id="tmap5" class="smallmap"></div></td>
		</tr>
	</table>
</body>
</html>
